<template>
    <div class="banner__shape banner__shape--style1">
        <span class="banner__shape-item banner__shape-item--animation"><img src="/images/shape/home1/1.png"
                alt="roket"></span>
        <span class="banner__shape-item banner__shpae-item--animation"><img src="/images/shape/home1/2.png"
                alt="book"></span>
        <span class="banner__shape-item banner__shpae-item--animation"><img src="/images/shape/home1/3.png"
                alt="belon"></span>
        <span class="banner__shape-item banner__shpae-item--animation"><img src="/images/shape/home1/4.png"
                alt="triangle"></span>
        <span class="banner__shape-item banner__shpae-item--animation"><img src="/images/shape/home1/5.png"
                alt="circle"></span>
        <div class="banner__shape-item">
<!--             <div class="reviews">
                <div class="reviews__content">
                    <p>
                        <Counter parentQuerySelector=".reviews__content" end="365" duration="2500" />k+ enrolled students
                    </p>
                </div>
                <div class="reviews__thumb">
                    <ul>
                        <li v-for="(item, index) in bannerAvatar" :key="index"><img :src="item.img" alt="user image"></li>
                        <li>
                            <div class="count">
                                <p class="mb-0">
                                    <Counter parentQuerySelector=".reviews__content" end="50" duration="2500" /><span class="plus">+</span>
                                </p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div> -->
        </div>
    </div>
</template>

<script>
import Counter from "@/components/base/Counter.vue";
export default {
    components: { Counter },
    props: {
        bannerAvatar: {
            type: Array,
            default: () => [],
        },
    },
}
</script>

<style></style>